<template>
    <view style="height: 100%">
        <!-- <view class='integral-box'>
	<p class='db cf f14 op7'>当前总积分</p>
	<h2 class='f36 f600 cf db'>{{current_integral}}</h2>
</view>

<p class='db mt30 f14 c9d'>积分明细</p> -->
        <ul class="db" v-if="list.length != 0">
            <block v-for="(item, index) in list" :key="index">
                <li class="db bbf1 pd150">
                    <view class="df ac sb">
                        <p class="f14 c1a f500">{{ item.title }}</p>
                        <p class="f14 c28 f500">{{ item.type == 1 ? '+' : '-' }}{{ item.number }}</p>
                    </view>
                    <p class="db f12 cb2 mt3">{{ item.created_at }}</p>
                </li>
            </block>
        </ul>
        <view class="df jc mt30" v-else>
            <image src="https://wx.xtwaixie.com/img/empty.png" class="w50" mode="aspectFit"></image>
        </view>
    </view>
</template>

<script>
import http from '../../utils/http';
export default {
    data() {
        return {
            page: 1,
            pagesize: 10,
            list: [],
            pageTotal: '',
            current_integral: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.getList();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        if (this.pageTotal > this.page) {
            this.setData({
                page: this.page + 1
            });
            this.getList();
        } else {
            uni.showToast({
                title: '没有更多了~',
                icon: 'none'
            });
        }
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        getList() {
            let data = {
                page: 1,
                pagesize: 10
            };
            http.request('user/integralRecordList', data)
                .then((res) => {
                    res.data.list.forEach((i) => {
                        this.list.push(i);
                    });
                    this.setData({
                        list: this.list,
                        current_integral: res.data.current_integral,
                        pageTotal: res.data.pageTotal
                    });
                })
                .catch((res) => {
                    uni.showToast({
                        title: res.message,
                        icon: 'none'
                    });
                });
        }
    }
};
</script>
<style>
@import './integral.css';
</style>
